<?php
    session_start();
/**
 * Created by PhpStorm.
 * User: Quyet
 * Date: 12/4/2014
 * Time: 2:06 PM
 */
?>
<div id="singin">
    <button class="btn close" title="Đóng">X</button>
    <br/><div class="notify">
        <div class="result"></div>
    </div>
    <div class="wrapt">
        <form id="loginForm" method="post">
            <div class="wrapinput w50p"><img src="web/images/iconuser.jpg" class="user" /> <input type="email" name="uName" id="uName" class="uName input w85p mgAuto" placeholder="Mời bạn nhập Email..."/></div>
            <div class="wrapinput w50p"><img src="web/images/iconpassword.jpg" class="user" /> <input type="password" name="uPass" id="uPass" class="uPass input w85p mgAuto" placeholder="Mời bạn nhập mật khẩu..."/></div>

            <div class="wBtn">
                <div class="wlink"><a href="web/forgotpass.php" class="link2Page">Bạn quên mật khẩu?</a></div>
                <div class="wsubmit"><input type="submit" class="btn submit" value="Đăng nhập"/></div>
            </div>      
        </form>
        
        
        <div class="wsgUp"><span>Bạn chưa có tài khoản? Hãy </span><a href="web/singup.php" class="btn link2Page">Đăng ký</a> để tham gia ngay!</div>
    </div>
</div>
<script type="text/javascript">
    $('.close').bind('click', function (e) {
        $(".fade").fadeOut();
    })
    $("a.link2Page").bind('click',function(e){
        e.preventDefault();
        var url=$(this).attr('href');
        $(".fade").hide().load(url).show();    
    })
	
	function checkInput($element){
		ok=true;
		var vl=$element.val();
		if(!vl){
			$element.addClass('warning');
			$(".result").hide().text("Vui lòng nhập đầy đủ Email và mật khẩu!").slideDown();
			ok=false;
		}
		if ($element.hasClass('warning') && vl) {
                $element.removeClass('warning');
				ok=true;
            }
		return ok;
	}
    
	function checkInputOnchange(){
        
        $(".input").on('keyup',function(){
            checkInput($(this));
        });
    }
    
	checkInputOnchange();
	
    $("#loginForm").on("submit",function(e){
        e.preventDefault();
        ok=true;
        
        $(".input").each(function(){
            check=checkInput($(this));
			if(!check) ok=false;
        })
        if(ok)
        $.ajax({
            url:"web/singin_test.php",
            type:"post",
            data:$(this).serialize(),
            success:function(result){
                if(result){
					if(result==1){
						$(".result").hide().text("Sai tên đăng nhập hoặc mật khẩu!").slideDown();
					}else{
						//alert(result);
						window.location.reload(true);
					}
                }

            }

        })
    })
</script>